<template>
  <div>
    <div class="top_banner">
      <h1>建湖自来水公司</h1>
      <img src="@/assets/tap-water/images/top_bg.jpg" alt=""> </div>
    <div class="my">
      <h2><span>我的缴费</span><router-link to="" onclick="sc.toast({text:'暂未开通，敬请期待...'})"><img src="@/assets/tap-water/images/add.png" alt="">新增缴费</router-link></h2>
<!--      <ul class="my_list">-->
<!--        <li><router-link to="/tap-water/jfcx.html">-->
<!--          <div class="img_l"><img src="@/assets/tap-water/images/icon01.png" alt=""></div>-->
<!--          <p>水费<span>2019998<i>|</i>周**</span></p>-->
<!--          <div class="img_r"> <img src="@/assets/tap-water/images/fh03.png" alt=""> </div>-->
<!--        </router-link></li>-->
<!--        <li><a href="qian.html">-->
<!--          <div class="img_l"><img src="@/assets/tap-water/images/icon01.png" alt=""></div>-->
<!--          <p>水费<span>12349998<i>|</i>*苏泰来</span></p>-->
<!--          <div class="img_r"> <img src="@/assets/tap-water/images/fh03.png" alt=""> </div>-->
<!--        </a></li>-->
<!--      </ul>-->
    </div>
    <h2 class="bt">水费缴纳</h2>
    <ul class="gs">
<!--      <li> <router-link to="/tap-water/list01"> <img src="@/assets/tap-water/images/icon01.png" alt=""><span>水费缴纳</span></router-link> </li>-->
      <li> <router-link to="" onclick="sc.toast({text:'暂未开通，敬请期待...'})"> <img src="@/assets/tap-water/images/icon01.png" alt=""><span>水费缴纳</span></router-link> </li>
      <li> <router-link to="/tap-water/tsgg"> <img src="@/assets/tap-water/images/icon03.png" alt=""><span>停水公告</span></router-link> </li>
      <li> <router-link to="/tap-water/sjxx"> <img src="@/assets/tap-water/images/icon04.png" alt=""><span>水价信息</span></router-link> </li>
      <li> <router-link to="/tap-water/yscs"> <img src="@/assets/tap-water/images/icon05.png" alt=""><span>用水常识</span></router-link> </li>
      <li> <router-link to="/tap-water/szgs"> <img src="@/assets/tap-water/images/icon06.png" alt=""><span>水质公示</span></router-link> </li>
<!--      <li> <router-link to="/tap-water/qian"> <img src="@/assets/tap-water/images/icon02.png" alt=""><span>城市<br>-->
<!--    缴费查询</span></router-link> </li>-->
<!--      <li> <router-link to="/tap-water/success"> <img src="@/assets/tap-water/images/icon02.png" alt=""><span>农村<br>-->
<!--    缴费查询</span></router-link> </li>-->
      <li> <router-link to="" onclick="sc.toast({text:'暂未开通，敬请期待...'})"> <img src="@/assets/tap-water/images/icon02.png" alt=""><span>城市<br>
    缴费查询</span></router-link> </li>
      <li> <router-link to="" onclick="sc.toast({text:'暂未开通，敬请期待...'})"> <img src="@/assets/tap-water/images/icon02.png" alt=""><span>农村<br>
    缴费查询</span></router-link> </li>
    </ul>
    <h2 class="bt">水表报修</h2>
    <ul class=" gs">
      <li><router-link :to="{path:'/tap-water/city_repair',query:{reg:'城市'}}"><img src="@/assets/tap-water/images/icon07.png" alt=""><span>城市<br>
    水表报修</span></router-link> </li>
      <li> <router-link :to="{path:'/tap-water/countryside_repair',query:{reg:'农村'}}"> <img src="@/assets/tap-water/images/icon07.png" alt=""><span>农村<br>
    水表报修</span></router-link> </li>
      <li> <router-link :to="{path:'/tap-water/company_repair',query:{reg:'企业'}}"> <img src="@/assets/tap-water/images/icon07.png" alt=""><span>企业<br>
    水表报修</span></router-link> </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "home"
};
</script>

<style scoped>
@import "../../assets/tap-water/css/base.css";
@import "../../assets/tap-water/css/other.css";
</style>